<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>X 票-您的票务专家</title>
<link href="style/css/global.css" rel="stylesheet" type="text/css" />
<link href="style/css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="style/js/g.js"></script>
</head>
<body>
<div id="page">
	<div id="hd">
		<div class="quirknav"><a href="register.html">登录</a> | <a href="register.html">注册</a> | <a href="#">我的帐户</a> | <a href="#">购票指南</a> | <a href="#">客服中心</a> | <a href="#">投诉建议</a> </div>
		<h1 class="logo"><a href="#"><img src="style/img/logo.png" width="177" height="109" alt="您的票务专家" /></a><span>您的票务专家</span></h1>
		<div class="city"><strong>深圳</strong> <a href="#">切换城市</a></div>
		<div class="tel">客服热线(8:30-21:00)<br />
			<img src="style/img/tel_1.gif" alt="2222" /></div>
		<div class="nav">
			<ul>
				<li class="on"><a href="index.html">首页</a></li>
				<li><a href="#">电影院</a></li>
				<li><a href="#">影视资讯</a></li>
				<li><a href="#">我的电影票</a></li>
				<li><a href="#">购票指南</a></li>
			</ul>
            <div class="clear"></div>
		</div>
	</div>
	<div id="container">
		<div class="note">公告：<a href="#">变形金刚II 近期上映，4折看大片</a> <a href="#">电影票便宜的不能再便宜啦期上映，4折看大片</a></div>
		<div  class="main">
			<div class="hotmovie">
				<h3 class="title">近期热映</h3>
				<div class="con">
					<ul>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
						<li><a href="#"><img src="style/img/5416236998430180777.jpg" alt="xx" /></a>
							<div class="btn">
								<p>变形金刚</p>
								<button class="bt_buy" type="button">抢购</button>
							</div>
						</li>
					</ul>
					<div class="clear"></div>
				</div>
			</div>
			<div class="hotcinema">
				<h3 class="title">影院信息</h3>
				<div class="con">
					<table width="100%">
						<tr>
							<th class="cinema">影院</th>
							<th>电影排期</th>
							<th colspan="3">影院价 | 普通用户价 | 会员价</th>
							<th>订票</th>
						</tr>
						<tr>
							<td class="cinema"><a href="#">西安阿房宫艺术电影院</a></td>
							<td><a href="#">电影排期</a></td>
							<td>40</td>
							<td><span class="imp2">30</span></td>
							<td><strong class="imp1">20</strong></td>
							<td><button class="bt_buy" type="button">抢购</button></td>
						</tr>
						<tr>
							<td class="cinema"><a href="#">西安阿房宫艺术电影院</a></td>
							<td><a href="#">电影排期</a></td>
							<td>40</td>
							<td><span class="imp2">30</span></td>
							<td><strong class="imp1">20</strong></td>
							<td><button class="bt_buy" type="button">抢购</button></td>
						</tr>
						<tr>
							<td class="cinema"><a href="#">西安阿房宫艺术电影院</a></td>
							<td><a href="#">电影排期</a></td>
							<td>40</td>
							<td><span class="imp2">30</span></td>
							<td><strong class="imp1">20</strong></td>
							<td><button class="bt_buy" type="button">抢购</button></td>
						</tr>
						<tr>
							<td class="cinema"><a href="#">西安阿房宫艺术电影院</a></td>
							<td><a href="#">电影排期</a></td>
							<td>40</td>
							<td><span class="imp2">30</span></td>
							<td><strong class="imp1">20</strong></td>
							<td><button class="bt_buy" type="button">抢购</button></td>
						</tr>
						<tr>
							<td class="cinema"><a href="#">西安阿房宫艺术电影院</a></td>
							<td><a href="#">电影排期</a></td>
							<td>40</td>
							<td><span class="imp2">30</span></td>
							<td><strong class="imp1">20</strong></td>
							<td><button class="bt_buy" type="button">抢购</button></td>
						</tr>
					</table>
				</div>
			</div>
			<!--<div class="hotact">
				<h3 class="title">热门活动</h3>
				<div class="con">
					<div class="top">
						<ul>
							<li><a target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3219"><img width="215" height="60" border="0" src="style/img/ad_top_154.gif.jpg" alt="xx" /></a>
								<p><a href="#">完美新娘-上地美麟9日首映明星见面会</a></p>
							</li>
							<li><a target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3219"><img width="215" height="60" border="0" src="style/img/ad_top_143.jpg" alt="xx" /></a>
								<p><a href="#">完美新娘-上地美麟9日首映明星见面会</a></p>
							</li>
						</ul>
					</div>
					<div class="list">
						<ul>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
							<li><a class="g" target="_blank" href="http://www.wangpiao.com/cms/index/NewsMessageDetail.aspx?NewsID=3196">“网票网电影兑换券”支持北京传奇时代影城</a></li>
						</ul>
					</div>
				</div>
			</div>-->
			<div class="coprate">
				<h3 class="title">合作影院</h3>
				<div class="con">
					<img src="style/img/hezuo.png" width="497" height="100" alt="合作" />
				</div>
			</div>
		</div>
		<div class="side">
			<div class="login">
				<h2 class="title">登录后，即可购票</h2>
				<div class="con">
					<form onsubmit="userLogin();return false" method="post" action="user.php" name="formLogin">
						<div>
							<label>用户名：</label>
							<input class="ipt_text" type="text" value="您注册时的Email地址" name="txt_UserName" onfocus="if(this.value=='您注册时的Email地址'){this.value='';this.style.color='#666666';}"/>
						</div>
						<div>
							<label>密 码：</label>
							<input class="ipt_text" type="password" name="txt_UserPwd"/>
							<p class="getpwd"><a href="user.php?act=get_password">忘记密码?</a></p>
						</div>
						<input type="submit" class="login" value="登录" name="submit"/>
						<a href="register.html">立即注册</a>
					</form>
				</div>
			</div>
			<div class="upcoming">
				<h3 class="title">即将上映</h3>
				<div class="con">
					<ul>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
						<li> <span class="date">09.06.26</span><a href="#">变形金刚II</a> </li>
					</ul>
				</div>
			</div>
			<div class="topmovie" id="tab">
				<h3 class="title">票房榜</h3>
				<div class="con">
					<div class="tabcard">
						<ul>
							<li class="on"><a onclick="setTab('tab',this,'1','li')">北美</a></li>
							<li><a onclick="setTab('tab',this,'2','li')">香港</a></li>
							<li><a onclick="setTab('tab',this,'3','li')">日本</a></li>
							<li><a onclick="setTab('tab',this,'4','li')">韩国</a></li>
						</ul>
					</div>
					<p>5月29到5月31日</p>
					<ol id="tab1">
						<li><a href="#">1变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
					</ol>
                    <ol id="tab2" style="display:none">
						<li><a href="#">2变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
					</ol>
                    <ol id="tab3" style="display:none">
						<li><a href="#">3变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
					</ol>
                    <ol id="tab4" style="display:none">
						<li><a href="#">4变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
						<li><a href="#">变形金刚II</a></li>
					</ol>
				</div>
			</div>
			<div class="hotcommon">
				<h2 class="title"> 网友热评 </h2>
				<div class="con">
					<ul>
						<li><a href="#">《天下第一串》串出三笑 </a></li>
						<li><a href="#">《终结者2018》机器人真不是人</a></li>
						<li><a href="#">博物馆奇妙夜2-美国版关公战秦琼</a></li>
						<li><a href="#">《月球大冒险》小昆虫大动作 </a></li>
						<li><a href="#">《天下第一串》燕小六遭遇美人计 </a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="aside">
			<div class="ad"> <img src="style/img/ad.png" alt="111" /> </div>
			<div class="step"> <img src="style/img/step.png" alt="11" /> </div>
			<div class="guide">
				<h3 class="title"><strong>购票指南</strong></h3>
				<div class="con">
					<ul>
						<li><a href="#">网票网VIP电影卡使用指南</a></li>
						<li><a href="#">什么是电子影票？</a></li>
						<li><a href="#">如何从网票网上购买电子影票？</a></li>
						<li><a href="#">如何选座和接收电子影票？</a></li>
						<li><a href="#">北京电影兑换券支持影院列表</a></li>
						<li><a href="#">什么是网票网电电影兑换券？</a></li>
						<li><a href="#">网票网电影兑换券如何使用？</a></li>
						<li><a href="#">兑换券的兑换规则是什么？</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="ft">
		<p><a href="#">关于我们</a> | <a href="#">About Us</a> | <a href="#">服务条款</a> | <a href="#">商务洽谈</a> | <a href="#">招贤纳士</a> | <a href="#">客服中心</a> | <a href="#">网站导航</a></p>
		<p>Copyright © 1998-2009 Xpiao Team. All Rights Reserved.</p>
		<p>Xpiao 版权所有</p>
	</div>
</div>
</body>
</html>
